<!DOCTYPE html>
<html lang="en">

<head>

  <link rel="shortcut icon" type="image/ico" href="/static/common/assets/favicon.ico">
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta name="description" content="">
  <meta name="author" content="">

  <title>TSA ONLINE</title>

	{% load static %}

	<link rel="stylesheet" href="{% static "css/bootstrap.min.css" %}">
	<link rel="stylesheet" href="{% static "css/fontawesome-5.13/css/all.css" %}">
	<link rel="stylesheet" href="{% static "css/font-icon/iconfont.css" %}">
	
	<link rel="stylesheet" href="{% static "css/theme.css" %}" media="all">
	<link href="/static/css/tabulator.min.css" rel="stylesheet">
        <link href="/static/css/tabulator-fix.css" rel="stylesheet">

	<script src="{% static "js/jquery-3.js" %}"></script>
        <script src="/static/js/bootstrap.bundle.min.js"></script>

        <script type="text/javascript" src="/static/js/tabulator.min.js"></script>

</head>

  <body >

<div class="content-inside">
    <nav class="navbar navbar-expand-lg navbar-dark bg-dark" style="height:8vh;">
			<a class="navbar-brand" href="{% url 'index' %}">TSA ONLINE</a>
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarNav">
        <ul class="navbar-nav mr-auto">
          <li class="nav-item active">
            <a class="nav-link" href="{% url 'index' %}">Home <span class="sr-only">(current)</span></a>
          </li>
        </ul>
        <ul class="navbar-nav my-lg-0">
          <li class="nav-item dropdown">
              {% if user.is_authenticated %}
	      <!-- <a class="nav-link" href="{% url 'logout' %}">{{ user.username }}</a> -->
	      <a class="nav-link" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><i class="fa fa-user" aria-hidden="true"></i> {{ user.username }}</a>
		<div class="dropdown-menu" style="">
		  <a class="dropdown-item" href="{% url 'logout' %}">Logout</a>
		</div>
              {% else %}
            <a class="nav-link" href="{% url 'dappx:user_login' %}">Login</a>
              {% endif %}
          </li>
        </ul>
      </div>
    </nav>


    {% block body_block %}
    {% endblock %}

</div>




  </body>

  <!-- <div class="footer-bs" style="overflow: auto;"> -->
  <!--   <p style="margin-bottom:0rem"> <img alt="NETSCOUT" src="/static/img/NS_ORB_NEG-02.svg" style="width:20px;"> -->
  <!--   <p>© 2020 NETSCOUT</p> -->

  <!-- </div> -->

    {% block script %}
    {% endblock %}

</html>
